/*
  import React,{Component} from 'react'
    这里写法中的 {Component} 并不是结构赋值  而是因为react这个文件中 既有默认导出 又有单独导出

    React因为都是JS文件 为了区分组件和正常的js模块 我们可以这样区分
      1.组件都用英文大写开头
      2.组件文件都以.jsx结尾

      在react脚手架中 .js 和 .jsx文件是可以不写后缀名
*/ 
import React,{Component} from 'react'
import hello from './Hello.module.css'

/*
  react中没有向Vue那样的scope关键字 所以我们在写代码的时候样式如果同名的情况下 先写的是会被后写的给覆盖的
    但是react是支持样式的模块化，  只要将.css文件加上.module.css 就可以用对象的形式导出，再进行赋值

    或者可以使用与编译器 如 less scss等等  这样是可以写层级的关系
*/ 


class Hello extends Component{
  render(){
    return <h2 className={hello.titles}>Hello World</h2>
  }
}

export default Hello